<template>
  <div class="app-page">
    <div class="debug_top">
      <p class="debug_name">ID：2342634234234324</p>
      <p class="debug_address">推荐操作：立即重启</p>
    </div>
    <div class="" v-if="which=='power'">
      <img src="../../static/img/power.png" alt="">
    </div>
    <div class="" v-else-if="which=='rpower'">
      <img src="../../static/img/r_power.png" alt="">
    </div>
    <div class="" v-else-if="which=='restart'">
      <img src="../../static/img/restart.png" alt="">
    </div>
  </div>
</template>
<script>

export default {
  data() {
    return {
      which: 'rpower',
    };
  },
  methods: {
  },
  mounted() {
  },
};
</script>


<style lang="less">
@import (reference) "../style/less/app.less";
.app-page{
  img{
    display: block
  }
}
.debug_top {
  padding: .8rem;
  background: #29B171;
  line-height: 1.5;
  font-size: 18px;
  >p {
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .debug_address {
    font-size: 14px;
  }
}
</style>
